<style>
    .form-item {
        margin-top: 20px;
        padding-bottom: 30px;
        border-bottom: #bec0c3 dashed 1px;
    }
</style>
<div style="border-bottom: #e8eaed solid 1px;margin:20px auto auto 20px;padding-bottom: 10px">
    <h1 style="font-size: 25px;line-height: 60px"> 人员管理</h1>
    <span class="layui-breadcrumb">
        <a href="/">首页</a>
        <a href="/demo/">人员管理</a>
        <a><cite>添加人员</cite></a>
      </span>
</div>

<div class="layui-bg-gray" style="padding: 30px;">
    <div class="layui-card">
        <div class="layui-card-header" style="padding: 5px;border-bottom: rgba(51,51,51,0.42) dashed 1px">
            人员信息
        </div>
        <div class="layui-card-body">
            <form class="layui-form" action="">
                <div class="form-item">
                    <label class="layui-form-label">工号</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请正确输入工号（必填）"
                               class="layui-input">
                    </div>
                </div>
                <div class="form-item">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请正确输入姓名（必填）"
                               class="layui-input">
                    </div>
                </div>
                <div class="form-item">
                    <label class="layui-form-label">登录密码</label>
                    <div class="layui-input-block">
                        <input type="password" name="title" lay-verify="title" autocomplete="off"
                               placeholder="请设置密码（必填）"
                               class="layui-input">
                    </div>
                </div>
                <div class="form-item">
                    <label class="layui-form-label">授权码</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请设置授权码（必填）"
                               class="layui-input">
                    </div>
                </div>

                <div class="form-item">
                    <label class="layui-form-label">身份证号</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" lay-verify="title" autocomplete="off"
                               placeholder="请设置身份证号码（非必填）（必填）"
                               class="layui-input">
                    </div>
                </div>

                <div class="form-item layui-form-item">
                    <label class="layui-form-label">出生日期</label>
                    <div class="layui-input-block">
                        <input type="text" name="date" id="date" autocomplete="off" class="layui-input"
                               placeholder="点击选择日期">
                    </div>
                </div>

                <div class="form-item">
                    <label class="layui-form-label">照片</label>

                    <div class="layui-input-block" style="position: relative">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请选择照片"
                               class="layui-input" style="width: 98%;">
                        <button type="button" class="layui-btn layui-btn-normal " id="upload"
                                style="position: absolute;right: 0;top: 0">
                            <i class="layui-icon">&#xe64a;</i>Browse...
                        </button>

                    </div>
                </div>

                <div class="form-item" style="margin-left: 100px">
                    <button type="button" class="layui-btn layui-btn-normal">提交</button>
                    <button type="button" class="layui-btn">取消</button>
                </div>

            </form>

        </div>

    </div>
</div>


<script src="layui.js" charset="utf-8"></script>

<script>
    layui.use(['form', 'layedit', 'laydate', 'upload'], function () {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#date'
        });

        var upload = layui.upload;

        //执行实例
        var uploadInst = upload.render({
            elem: '#upload' //绑定元素
            , url: uploadFile //上传接口
            , done: function (res) {
                //上传完毕回调
            }
            , error: function () {
                //请求异常回调
            }
        });
    });
</script>
